<div class="menu">
    <div class="content">
        <div class="navbar-toggle"><h2><i class="menu-icon"></i><a href="./index.html">GUIDEMASTER</a></h2></div>
        <h1 class="logo">
            <a href="./index.html"><img src="./images/logo.png"></a>
        </h1>
        <ul class="list">
            <li class="@@class1"><a href="./explore.html">Explore</a></li>
            <li class="@@class2"><a href="./categorles.html">Categorles</a></li>
            <li class="@@class3"><a href="./bestLists.html">Best Lists</a></li>
            <li class="@@class4"><a href="./product.html">Products</a></li>
            <li class="@@class5"><a href="./favorite.html">Favorites</a></li>
        </ul>
        <div class="log-menu">
            <div class="operation hide">
                <span class="log-in" href="javascript:void(0)">log in</span>
                |
                <span class="sign-up" href="javascript:void(0)">sign up</span>
            </div>
            <a href="./personal.html" class="user-avatar"><img src="./images/personal/recommend_avatar@2x.png"></a>              
        </div>
    </div>
</div>  